import React,{Component} from 'react';
import {Route} from 'react-router-dom';
import Hot from '../hot/hot';
import fm from '../../static/images/gd.jpg';
import './gdList.css';
export default class gdList extends Component {
    render(){
        return (
            <div className='gdList'>    
                <div className='gdTop'>
                    <div className='gdList-bg' style={{ backgroundImage: `url(${fm})` }}></div>
                    <div className='gdList-top-con'>
                        <div className='gdtop-left'>
                            <img src={fm}/>
                            <span>精品歌单</span>
                            <em>59.2万</em>
                        </div>
                        <div className='gdtop-right'>
                            <h3>
                                梦幻流行 | 纵晨霭所往，长眠雪森林
                            </h3>
                            <div className='clear'>
                                <img src='http://p1.music.126.net/u8-IdGgCsiY92IRiha9XHA==/109951163063053733.webp?imageView&thumbnail=60x0&quality=75&tostatic=0&type=webp'/>
                                <span></span>
                                <em>ChrisZen</em>
                            </div>
                        </div>
                    </div>
                </div>
                <div className='gd-info'>
                    <div className='gd-tag clear'>
                        <em>标签：</em>
                        <span>另类/独立</span>
                        <span>摇滚</span>
                        <span>电子</span>
                    </div>
                    <div className='gd-des'>

                    </div>
                </div>
                <Route path='/gdList/hot' component={Hot}/>
            </div>
        )
    }
}